<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset=utf-8>
    <title>前端框架学习路径与资源整理</title>

    <link rel="stylesheet" href="../../css/sudyNav.css">
    <link rel="stylesheet" href="../../css/dtjt8.css">
    <link rel="stylesheet" href="../../css/simplenews.css">
    <link rel="stylesheet" href="../../css/default.css">
    <link rel="stylesheet" href="../../css/nav.css">
    <link rel="stylesheet" href="../../css/style.css">
    <link rel="stylesheet" href="../../css/bootstrap.min.css" media="screen">
    <link rel="stylesheet" href="../../css/lxyz.css">

    <base target="_blank">
</head>
<body>
<div class="banner">
    <div class="wrapper" id="header"><img src="../../img/banner.jpg" alt="" width="100%" height="455"></div>
</div>

<div class="container">
    <div class="wrapper" id="navigator">
        <div class="row">
            <div class="span12">
                <div id="wp_nav_w100">
                    <ul class="wp_nav"
                        data-nav-config="{drop_v: 'down', drop_w: 'right', dir: 'y', opacity_main: '-1', opacity_sub: '-1', dWidth: '0'}">
                        <li class="nav-item i1 ">
                            <a href="../最新通知.html" title="最新通知" target="_self"><span
                                    class="item-name">最新通知</span></a><i class="mark"></i>
                        </li>
                        <li class="nav-item i2 ">
                            <a href="../基层风采.html" title="基层风采" target="_self"><span
                                    class="item-name">基层风采</span></a><i class="mark"></i>
                        </li>
                        <li class="nav-item i3 ">
                            <a href="../工作动态.html" title="工作动态" target="_self"><span
                                    class="item-name">工作动态</span></a><i class="mark"></i>
                        </li>
                        <li class="nav-item i4 ">
                            <a href="../学习资料.html" title="学习资料" target="_self"><span
                                    class="item-name">学习资料</span></a><i class="mark"></i>
                        </li>
                        <li class="nav-item i5 ">
                            <a href="../其他相关.html" title="其他相关" target="_self"><span
                                    class="item-name">其他相关</span></a><i class="mark"></i>
                        </li>
                        <li class="nav-item i6 ">
                            <a href="../网站链接.html" title="网站链接" target="_self"><span
                                    class="item-name">网站链接</span></a><i class="mark"></i>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="wrapper" id="container">
        <div class="inner">
            <div class="col_news">
                <div class="col_news_head">
                    <ul class="col_metas clearfix">
                        <li class="col_title">
                            <h2>学习资料</h2>
                        </li>
                        <li class="col_path"><span class="path_name">当前位置：</span><a href="../../index.html"
                                                                                        target="_self">首页</a><span
                                class='possplit'>&nbsp;&nbsp;</span><a href="../其他相关.html" target="_self">学习资料</a>
                        </li>
                    </ul>
                </div>
                <div class="inner">

                    <div class="infobox" >
                        <div class="article">
                            <h1 class="arti_title">
                                前端框架学习路径与资源整理</h1>
                            <p class="arti_metas"><span class="arti_update">发布时间：2023-11-18</span>
                            </p>
                            <div class="entry">
                                <div class="read">
                                    <p><strong>前端框架学习路径与资源整理</strong></p>

                                    <p>前端框架是提高开发效率、构建可维护性强的应用的重要工具。以下是一个前端框架学习路径及相关资源的整理，帮助你系统地学习不同框架：</p>

                                    <p><strong>1. 基础技术：</strong></p>
                                    <ol>
                                        <li>HTML、CSS、JavaScript基础：确保你对前端基础技术有扎实的理解。</li>
                                        <li>DOM操作、AJAX、ES6+：深入理解前端基础知识。</ol>
                                    </ol>

                                    <p><strong>2. 框架库：</strong></p>
                                    <ol>
                                        <li><strong>React.js：</strong>
                                            <ul>
                                                <li>官方文档：<a href="https://reactjs.org/docs/getting-started.html" target="_blank">React.js官方文档</a></li>
                                                <li>教程：<a href="https://reactjs.org/tutorial/tutorial.html" target="_blank">React.js官方教程</a></li>
                                                <li>课程：<a href="https://egghead.io/courses/the-beginner-s-guide-to-react" target="_blank">Egghead - React入门</a></li>
                                            </ul>
                                        </li>
                                        <li><strong>Vue.js：</strong>
                                            <ul>
                                                <li>官方文档：<a href="https://vuejs.org/" target="_blank">Vue.js官方文档</a></li>
                                                <li>教程：<a href="https://vuejs.org/v2/guide/" target="_blank">Vue.js官方教程</a></li>
                                                <li>课程：<a href="https://www.udemy.com/course/vuejs-2-the-complete-guide/" target="_blank">Udemy - Vue.js完全指南</a></li>
                                            </ul>
                                        </li>
                                        <li><strong>Angular：</strong>
                                            <ul>
                                                <li>官方文档：<a href="https://angular.io/docs" target="_blank">Angular官方文档</a></li>
                                                <li>教程：<a href="https://angular.io/start" target="_blank">Angular官方教程</a></li>
                                                <li>课程：<a href="https://www.udemy.com/course/the-complete-guide-to-angular-2/" target="_blank">Udemy - Angular完全指南</a></li>
                                            </ul>
                                        </li>
                                    </ol>

                                    <p><strong>3. 状态管理：</strong></p>
                                    <ol>
                                        <li><strong>Redux（用于React）：</strong>
                                            <ul>
                                                <li>官方文档：<a href="https://redux.js.org/introduction/getting-started" target="_blank">Redux官方文档</a></li>
                                                <li>教程：<a href="https://redux.js.org/basics/basic-tutorial" target="_blank">Redux官方基础教程</a></li>
                                            </ul>
                                        </li>
                                        <li><strong>Vuex（用于Vue）：</strong>
                                            <ul>
                                                <li>官方文档：<a href="https://vuex.vuejs.org/" target="_blank">Vuex官方文档</a></li>
                                                <li>教程：<a href="https://vuex.vuejs.org/guide/" target="_blank">Vuex官方教程</a></li>
                                            </ul>
                                        </li>
                                    </ol>

                                    <p><strong>4. 路由管理：</strong></p>
                                    <ol>
                                        <li><strong>React Router（用于React）：</strong>
                                            <ul>
                                                <li>官方文档：<a href="https://reactrouter.com/web/guides/quick-start" target="_blank">React Router官方文档</a></li>
                                                <li>教程：<a href="https://reactrouter.com/web/tutorial/intro" target="_blank">React Router官方教程</a></li>
                                            </ul>
                                        </li>
                                        <li><strong>Vue Router（用于Vue）：</strong>
                                            <ul>
                                                <li>官方文档：<a href="https://router.vuejs.org/" target="_blank">Vue Router官方文档</a></li>
                                                <li>教程：<a href="https://router.vuejs.org/guide/" target="_blank">Vue Router官方教程</a></li>
                                            </ul>
                                        </li>
                                    </ol>

                                    <p><strong>5. 构建工具：</strong></p>
                                    <ol>
                                        <li><strong>Webpack：</strong>
                                            <ul>
                                                <li>官方文档：<a href="https://webpack.js.org/guides/getting-started/" target="_blank">Webpack官方文档</a></li>
                                                <li>教程：<a href="https://webpack.js.org/guides/" target="_blank">Webpack官

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="wrapper" id="footer">
    <div class="footer">
			<span>
                版权所有 © 软工213第一组课设
			</span>
    </div>
</div>

</body>
</html>